<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title><g:layoutTitle default="Via Expositus" /></title>
	<link rel="stylesheet" href="${resource(dir:'css',file:'main.css')}" />
    <link rel="shortcut icon" href="${resource(dir:'images',file:'favicon.ico')}" type="image/x-icon" />
    <style type="text/css" media="screen">

			#nav {
				margin-top:5px;
				margin-left:30px;
				width:228px;
				float:left;

			}
			.homePagePanel * {
				margin:0px;
			}
			.homePagePanel .panelBody ul {
				list-style-type:none;
				margin-bottom:0px;
                padding-left: 10px;
			}
            .homePagePanel .panelBody ul li{
                padding-left: 0px;
                padding-bottom: 10px;
  			}
            .homePagePanel .panelBody ul li a{
                text-decoration: none;
  			}

			.homePagePanel .panelBody h1 {
				text-transform:uppercase;
				font-size:1em;
				margin-bottom:10px;
                color: black;
			}
            .homePagePanel .panelBody h1 a{
                color: black;
            }
			.homePagePanel .panelBody {
			    background: url(${resource(dir:'images',file:'leftnav_midstretch.png')}) repeat-y top;
				margin:0px;
				padding:15px;
			}
			.homePagePanel .panelBtm {

                background: url(${resource(dir:'images',file:'leftnav_btm.png')}) no-repeat top;
				height:20px;
				margin:0px;
			}

			.homePagePanel .panelTop {
			    background: url(${resource(dir:'images',file:'leftnav_top.png')}) no-repeat top;
				height:11px;
				margin:0px;
			}
			h2 {
				margin-top:15px;
				margin-bottom:15px;
				font-size:1.2em;
			}
			#pageBody {
				margin-left:280px;
				margin-right:20px;
                padding-top: 0px:
			}
            #pageBody h1{
              	font-size:2em;
            }

            #pageBody p{
              	font-size:0.8em;
            }

		</style>
	<g:layoutHead />
    <g:javascript library="application" />
</head>
<body>
<div class="wrapper">
	<div class="top">
		<div class="header">
			<!-- TITLE -->
			<h1><a href="${createLink(uri:"/")}">Via Expositus</a></h1>
			<h2> Gerenciador do processo de adequação de acessibilidade.</h2>
			<div class="clear"></div>
			<!-- END TITLE -->
		</div>

		<div class="menu">
            <g:render template="/layouts/menu" />
		</div>

        <div class="usuarioInfo">
           <span id='loginLink'>
             <g:isLoggedIn>
                <g:loggedInUsername/> (<g:link controller='logout'>Sair</g:link>)
             </g:isLoggedIn>
           </span>
        </div>

	</div>
	<div class="content">
		<div class="page-content">
			<!-- CONTENT -->
		<div id="nav">
			<div class="homePagePanel">
				<div class="panelTop">

				</div>
                <% def mapaFuncionalidades =['sistemaAdm' : 'Sistema Administrativo',
                                             'mapeamentoSite' : 'Mapeamento do site a ser adequado',
                                             'ordenacaoPrioridade' : 'Ordena&ccedil;&atilde;o da prioridade de adequa&ccedil;&atilde;o das p&aacute;ginas',
                                             'designacaoTrabalho' : 'Designa&ccedil;&atilde;o do trabalho de adequa&ccedil;&atilde;o de acessibilidade',
                                             'mapaVisual' : 'Mapa visual do site',
                                             'avaliacaoElet' : 'Avalia&ccedil;&atilde;o eletr&ocirc;nica',
                                             'avaliacaoHum' : 'Avalia&ccedil;&atilde;o humana',
                                             'relatorioAcess' : 'Relat&oacute;rio de acessibilidade em n&iacute;veis: P&aacute;ginas, Se&ccedil;&otilde;es e Sites',
                                             'tutorialAjuste' : 'Tutorial de ajustes para obten&ccedil;&atilde;o da acessibilidade',
                                             'bancoAval' : 'Banco de avaliadores'
                                            ]
                %>
				<div class="panelBody">
                    <h1><a href="${createLink('controller':'public', 'action':'listaDeFuncionalidades' )}">Funcionalidades</a></h1>
					<ul>
                        <%mapaFuncionalidades.each{ key, value -> %>
						<li><a href="${createLink('controller':'public', 'action':key )}">${value}</a></li>
                        <%}%>
					</ul>
					<h1><a href="${createLink('controller':'public', 'action':'funcionamento' )}">Funcionamento</a></h1>
                    <h1><a href="${createLink('controller':'public', 'action':'tecnologias' )}">Tecnologias &nbsp; Utilizadas</a></h1>
				</div>
				<div class="panelBtm">
				</div>
			</div>


		</div>
		<div id="pageBody">
            <g:layoutBody />
		</div>
			<!-- END CONTENT -->
		</div>
	</div>
	<div class="clear"></div>

	<p class="footer">
	</p>
	<div style="text-align: center;">
		<span>
	    	<a href="http://validator.w3.org/check?uri=referer">
	    		<img class="selos" src="http://www.w3.org/Icons/valid-xhtml10" alt="Selo de XHTML 1.0 v&aacute;lido!" />
	    	</a>
  		</span>
		<span>
			<a href="http://jigsaw.w3.org/css-validator/check/referer">
			    <img class="selos" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Selo de CSS v&aacute;lido!" />
			</a>
		</span>
		<span>
			<a href="http://jigsaw.w3.org/css-validator/check/referer">
			    <img class="selos" src="${resource(dir:'images',file:'selo_aaa.gif')}" alt="Selo AAA da Acessibilidade Brasil" />
			</a>
		</span>
	</div>
</div>

	<div style="text-align: center; font-size: 0.75em;"></div>
</body>
</html>
